<template>
  <div class="mycourse">
        <ul class="all_class">
            <li v-for="n in 5">
                <div class="left">
                    <img :src=" src|renderImg(330,240)" alt="">
                </div>
                <div class="right">
                    <div class="name">时间管理八法</div>
                    <div class="type_time">
                        <div class="type">视频慕课</div>
                        <div class="time">3天后截止</div>
                    </div>
                    <div class="class"><i class="iconfont icon-class"></i>中级干部培训班</div>
                </div>
            </li>
        </ul>
      </div>
  </div>
</template>

<script>
export default {
  name: "mycourse",
  data() {
    return {
      src: ""
    };
  },
  mounted: function() {
    this.$nextTick(function() {});
  },
  methods: {}
};
</script>
<style scoped lang="less">
.mycourse {
  background: #ffffff;
  .all_class {
    padding: 0 0.15rem;
    li {
      border-top: 0.01rem solid #f0f1f4;
      padding: 0.15rem 0;
      display: flex;
      .left {
        width: 1.1rem;
        height: 0.8rem;
        border-radius: 0.05rem;
        img {
          width: 1.1rem;
          height: 0.8rem;
          border-radius: 0.05rem;
        }
      }
      .right {
        flex: 1;
        padding-left: 0.13rem;
        .name {
          max-width:2rem;
          height: 0.24rem;
          line-height: 0.24rem;
          color: #333333;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          word-wrap: break-word;
        }
        .type_time {
          padding: 0.1rem 0 0.12rem 0;
          display: flex;
          .type {
            color: #999999;
            height: 0.13rem;
            font-size: 0.12rem;
            line-height: 0.13rem;
          }
          .time {
            color: #999999;
            height: 0.13rem;
            line-height: 0.13rem;
            font-size: 0.12rem;
            margin-left: 0.05rem;
            padding-left: 0.05rem;
            border-left: 0.01rem solid #adadad;
          }
        }
        .class {
          height: 0.22rem;
          line-height: 0.22rem;
          color: #5f5f5f;
          font-size: 0.13rem;
          i {
            color: #2cba8d;
            font-weight: 800;
          }
        }
      }
    }
  }
}
</style>


